<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
<input type="text" placeholder="请输入0-100的数字" v-model="num">
<input type="button" value="猜一猜" @click="f()">
  <h1>结果：{{result}}</h1>
</div>


<script src="../js/vue.js"></script>
<script>
    let r = parseInt(Math.random()*101);
    let v = new Vue({
        el:"div",
        data:{
            num:"",
            result:""
        },
        methods:{
            f(){
                if (v.num>r){
                    v.result = "猜大了";
                }else if(v.num<r){
                    v.result = "猜小了";
                }else{
                    v.result = "猜对了";
                }
            }
        }

    })
    // let x = parseInt(Math.random()*101);
    // let v = new Vue({
    //     el:"div",
    //     data:{
    //         info:"",num:""
    //     },
    //     methods:{
    //         f(){
    //             if (v.num>x){
    //                 v.info="猜大了!";
    //             }else if(v.num<x){
    //                 v.info="猜小了!";
    //             }else{
    //                 v.info="恭喜你猜对了!";
    //             }
    //         }
    //     }
    // })
</script>


</body>
</html>